<template>
  <div class="DF-common-layout  DF-flex-main">
    <div class="DF-common-layout-center">
      <div class="DF-common-layout-main">
        <div  style="display: flex; height: 100%">
          <div style="width: 455px" >
            <div class="DF-common-head">
              <topOpts  :addText="'开始本场评分'" :icon="false" :isShow="ccztdm === 3"  @add="handleAddEdit()" >
                <el-button size="small"  type="primary"  @click="handleFinishEdit()" v-if="ccztdm === 4">
                  结束本场评分
                </el-button>
                <el-button v-if="ccztdm === 5" size="small"  @click="goPrint"   type="primary">成绩单打印</el-button>
              </topOpts>
              <div class="DF-common-head-right">
                <el-tooltip effect="dark" :content="$t('common.refresh')" placement="top">
                  <el-button size="small"  @click="reset()"  type="primary" icon="el-icon-refresh">刷新</el-button>

                </el-tooltip>
              </div>
            </div>
            <DF-table style="width: 455px;" height="500" border v-loading="listLoading" :data="tableData" @row-click="getRowStudentsInfo" highlight-current-row
            >
              <el-table-column width="65"  show-overflow-tooltip prop="ccmc" label="场次"  />
              <el-table-column width="90"  prop="ksrq"  show-overflow-tooltip  label="考试日期"  />
              <el-table-column width="90"  prop="kskssj"  show-overflow-tooltip  label="开始时间">
              </el-table-column>
              <el-table-column width="80"  prop="ksjssj"  show-overflow-tooltip  label="结束时间">
              </el-table-column>
              <el-table-column width="80"  prop="ccztmc"  show-overflow-tooltip  label="考试状态">
              </el-table-column>
            </DF-table>
            <div class="subject">
              题目名称
              <span class="subject-span" v-for="(item, index) in subjectItems" :key="index" :style="'display:block;background:#' +  getRGB(item.tmys)">
                {{item.tmmc}}
              </span>
            </div>
          </div>
          <div :span="14" style="height: 100%" class="right-box">
            <div class="DF-common-head">
              <div></div>
              <div class="DF-common-head-right">
                <el-tooltip effect="dark" :content="$t('common.refresh')" placement="top">
                  <el-button size="small"  type="primary" icon="el-icon-refresh"   @click="resetRwo()" >刷新</el-button>
<!--                  <el-link icon="icon-ym icon-ym-Refresh DF-common-head-icon" :underline="false"
                           @click="resetRwo()" />-->
                </el-tooltip>
              </div>
            </div>
            <div class="centent" v-if="fromData.length > 0">
              <span>讲台</span>
            </div>
            <el-row type="flex" :gutter="3" v-for="(item, index) in fromData" :key="index" style="margin: 0">

              <el-col :span="24 / lie"  v-for="(p, t) in lie" >
                <el-card class="box-card"   v-for="(o, i) in item.nodes"  :key="i" :style="'background:#' +  getRGB(o.ys)" :class="o.sfwc === true ? 'isFinish' : 'noIsFinish'" v-if="o.lie === p">
                  <div class="d-left">{{o.zw_h}}</div>
                  <div class="d-right" v-if="o.xm">
                    <div  class="text item"  >
                      <span>姓&nbsp;&nbsp;&nbsp;名：{{o.xm}}</span>
                    </div>
                    <div  class="text item"  >
                      <span>考&nbsp;&nbsp;&nbsp;号：{{o.kh}}</span>
                    </div>
<!--                    <div  class="text item"  >
                      <span>题&nbsp;&nbsp;&nbsp;目：{{o.tmmc}}</span>
                    </div>-->
                    <div  class="text item"  >
                      <span>分&nbsp;&nbsp;&nbsp;数：{{o.zzfs}}</span>
                    </div>
                    <div  class="text item"  >
                      <span>点&nbsp;&nbsp;&nbsp;数：{{o.zzfdjl}}</span>
                    </div>
                    <div  class="text item"  >
                      <span>评分员：{{o.pfyxm}}</span>
                    </div>
                    <i class="self-icon" :class="o.sfwc === true ? 'el-icon-check' : 'el-icon-close'"></i>
                  </div>
                </el-card>
              </el-col>
            </el-row>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export { default } from './index.js'
</script>
<style  lang="scss" scoped>
@import url(index.scss);
</style>
